var h= window.screen.height,
    w=window.screen.width;
//var gobalAddr=document.domain+':'+location.port;///'+gobalAddr+'
var gobalAddr="140.210.6.180";
var options = {
    useEasing : true, //使用缓和效果
    useGrouping : true, //使用分组效果
    separator : ',', //分离器，数据够三位，例如100,000
    decimal : '.', //小数点分割，例如：10.00
    prefix : '', //第一位默认数字
    suffix : '' //最后一位默认数字
};
function isNull(e){
    if(e==undefined||e==" "){
        e=0;
    }
    return e;

}

$(function(){
    var swiper = new Swiper('.swiper-container.swiper-container-father', {
        pagination: '.swiper-pagination.swiper-pagination-father',
        paginationClickable: true,
        loop:true,
        //autoplay:30000,
        autoplayDisableOnInteraction : false,
        onSlideChangeEnd: function(swiper){
            ///当loop模式下用当前索引和slide的总长度求余就是真正当前模式下的索引0,1,2,3，....
//                alert(swiper.activeIndex); //切换结束时，告诉我现在是第几个slide
//                console.log(swiper.realIndex);
//                if(swiper.activeIndex!==3){
//                    $(".diaporama1").jDiaporama({
//                        paused: true
//                    });
//
//                }
            if(swiper.activeIndex==2){
                ////在执行到馆统计函数
                isFirst=true;
                $('#count_total').html("");
                $('#count_week').html("");
                $('#count_day').html("");
                $('#count_current').html("");
                library_num_move();
                library_circle_move();
                //library_count();///到馆统计

            }
            //if(swiper.activeIndex==6){
            //    ////在执行通知
            //    console.log(swiper.activeIndex);
            //    $(".notice_con_list").html("");///每次进来将通知内容节点都清空
            //    $('.notice_con_title').html("");//通知标题清空
            //    //clearTimeout(notice_time);////每次清空定时器
            //    notice();
            //}
        }
    });
    weather_date('郑州');
    modify_section_name();////修改模块名称
    rank_book();////借阅排行榜
    library_count();///到馆统计
    banner_style();////本馆风采
    today_recommend();////今日推荐
    mychart();////折线图
    borrow_book();/////借阅数字
    notice();/////通知

});
////发ajax请求天气数据和日期显示
function weather_date(address){
    getweather(address);
    var timer = null;
    showTime();
    timer = setInterval(showTime,1000);//绑定计时器。一秒钟调用一次函数，动态刷新时间
}
function getweather(p){
    $.ajax({
        url:"http://api.map.baidu.com/telematics/v3/weather",
        type:"get",
        data:{
            location:p,
            output:'json',
            ak:'6tYzTvGZSOpYB5Oc2YGGOKt8'
        },
        /*预期服务器端返回的数据类型，假设我现在跨域了，我就改成jsonp 就可以了 */
        dataType:"jsonp",
        success:function(data){
            var weatherData=data.results[0].weather_data;
            $("#kplace").text(p);
            //if(weatherData[0].weather.length!=undefined&&weatherData[0].weather.length>=6){
            //    $(".hw_left").width(10/192*w);
            //}
            $("#kpweather").text(weatherData[0].weather);
            $("#kptemp").text(weatherData[0].temperature);
        }
    })
}
function showTime() {
    var today = new Date(); //新建一个Date对象
    var date = today.getDate();//查询当月日期
    var day = today.getDay();//查询当前星期几
    var month = today.getMonth() + 1;//查询月份
    var year = today.getFullYear();//查询年份
    var hour = today.getHours();
    var min = today.getMinutes();
    var sec = today.getSeconds();
    var week = "";
    if (day == 0) week = '星期日';
    if (day == 1) week = '星期一';
    if (day == 2) week = '星期二';
    if (day == 3) week = '星期三';
    if (day == 4) week = '星期四';
    if (day == 5) week = '星期五';
    if (day == 6) week = '星期六';
    if(hour<10){
        hour='0'+hour;
    }
    if(min<10){
        min='0'+min;
    }
    if(sec<10){
        sec='0'+sec;
    }
    $('#kp_clock').html(year + "年" + month + "月" + date + "日 " + week);
    $('#t_h').html(hour + ":");
    $('#t_m').html( min );
    $('#t_s').html(sec);

}

///修改模块名称
//var modify_sections=$('.section_name');////得到书名描述的所有节点 192.168.1.13:8084  192.168.1.12:8081
var modify_name=[],modify_flag=false;
function modify_section_name(){
    var websocket_section=new WebSocket('ws://'+gobalAddr+'/cxts/websocket/main_title');//参数是服务器地址，还有一个参数是自协议可以不写
    websocket_section.onopen=function(res){
        console.log('0修改名称连接成功');
    };
    websocket_section.onmessage=function(msg){
        var json = JSON.parse(msg.data);
        var new_modify_name=[];
        $.each(json.data,function(i,e){
            new_modify_name.push(e.fName);
        });
        if(JSON.stringify(new_modify_name) === JSON.stringify(modify_name)){
            modify_flag=false;
            return;
        }
        console.log('更新数据？修改模块更新数据了'+new Date());
        modify_flag=true;
        modify_name=[];
        if(modify_flag){
            $.each(json.data,function(i,e){
                modify_name.push(e.fName);
                $('.kp_title').each(function(secIndex,secEle){
                    if($(secEle).data("key")==e.fBackName){
                        $(secEle).html(e.fName);
                    }
                });
            });

        }
    };
    websocket_section.onclose=function(e){
        console.log('修改名称服务器端连接已断开！');
        $('.kp_title').html('无数据');
    };

}
///修改名称结束

///借阅排行榜
var rank_move_flag=false,rank_str,rankImg_src;
function rank_book(){
    var rank_book_names=$('.rank_name_txt');////得到书名描述的所有节点 192.168.1.13:8084
    var websocket_rank=new WebSocket('ws://'+gobalAddr+'/cxts/websocket/borrow_rank');//参数是服务器地址，还有一个参数是自协议可以不写
    websocket_rank.onopen=function(res){
        console.log('1借阅排行连接成功');
    };
    websocket_rank.onmessage=function(msg){
        var json = JSON.parse(msg.data);
        var new_rank_str=" ",new_rankImg_src;
        $.each(json.data,function(i,e){
            if(i>=7){
                return;
            }else{
                //var rank_show=e.url.indexOf("http");
                if(e.url.indexOf("http")==0){
                    new_rankImg_src=e.url;
                }else{
                    ///说明开头不包含http,要拼接地址
                    new_rankImg_src='http://'+gobalAddr+e.url;////书封地址拼接
                }
                new_rank_str+='<li class="bcover" data-title="'+e.name+'">' +
                    '<img src="'+new_rankImg_src+'" />' +
                    '</li>';
                //$(rank_book_names[i]).html(e.name);////将内容添加到每个书名节点中
            }
        });
        if(new_rank_str==rank_str){
            rank_move_flag=false;
            return;
        }
        console.log('更新数据？借阅排行数据库更新了' + new Date());
        rank_move_flag=true;
        rank_str=" ";
        $.each(json.data,function(i,e){
            if(i>=7){
                if(i<10){
                    $(rank_book_names[i]).html(e.name);////将内容添加到每个书名节点中
                }else{
                    return;
                }
            }else{
                //var rank_show=e.url.indexOf("http");
                if(e.url.indexOf("http")==0){
                    rankImg_src=e.url;
                }else{
                    ///说明开头不包含http,要拼接地址
                    rankImg_src='http://'+gobalAddr+e.url;////书封地址拼接
                }
                rank_str+='<li class="bcover" data-title="'+e.name+'">' +
                    '<img src="'+rankImg_src+'" />' +
                    '</li>';
                $(rank_book_names[i]).html(e.name);////将内容添加到每个书名节点中
            }
        });
        if(rank_move_flag){
            $('.zy-Slide ul').html(rank_str);
            $('.zy-Slide').zySlide({ speed: 500 }).css('border', '0px solid blue');

        }
    };
    websocket_rank.onclose=function(e){
        console.log('借阅排行榜服务器端连接已断开！');
        $('.zy-Slide1 ul').html('服务器断开未取到数据');
    };

}
///借阅排行榜结束

////到馆统计
var come_move_flag=false,byDay,byCurr,byWeek,byAll,curr_max,library_timer=null;////到馆的数字变量
var isFirst=true,progObj,progObj1,progObj2,progObj3,p_timer=null,p_timer1=null,p_timer2=null,p_timer3=null,circle_timer=null;////到馆的圆环变量
var t11,t22,t33,t44;
function library_num_move(){
    clearTimeout(library_timer);
    t11 = new CountUp("kp_count_num1",0,byDay,0,4,options);
    t22= new CountUp("kp_count_num2",0,byCurr,0,4,options);
    t33 = new CountUp("kp_count_num3",0,byWeek,0,4,options);
    t44 = new CountUp('myTargetElementt',0,byAll,0,4,options);
    t11.start();t22.start();t33.start();t44.start();
    library_timer=setTimeout('library_num_move()',10000);
}///到馆数字动效
function library_circle_move(){
    ////每次调用都清空所有的定时器
    clearTimeout(p_timer);
    clearTimeout(p_timer1);
    clearTimeout(p_timer2);
    clearTimeout(p_timer3);
    clearTimeout(circle_timer);
    ///清空定时器结束
    if(isFirst) {
        progObj = radialIndicator('#count_total', {
            radius: 290 / 1920 * w, //定义圆形指示器的内部的圆的半径。
            barBgColor: "rgba(15, 107, 131, 0.2)", //定义圆形指示器的刻度条的背景颜色。
            barColor: 'rgba(1,162,164,1)', //指示器数值样式
            barWidth: 15 / 1080 * h,
            minValue: 0, //圆形指示器的最小值。
            maxValue: byAll/0.85,
            //initValue:34,
            displayNumber: false,
            roundCorner: true
        });
        progObj1 = radialIndicator('#count_week', {
            radius: 250 / 1920 * w, //定义圆形指示器的内部的圆的半径。
            barBgColor: "rgba(24, 141, 195, 0.2)", //定义圆形指示器的刻度条的背景颜色。
            barColor: '#188dc3', //指示器数值样式
            barWidth: 15 / 1080 * h,
            minValue: 0, //圆形指示器的最小值。
            maxValue: 8000,
            //initValue:34,
            displayNumber: false,
            roundCorner: true
        });
        progObj2 = radialIndicator('#count_day', {
            radius: 210 / 1920 * w, //定义圆形指示器的内部的圆的半径。
            barBgColor: "rgba(181, 147, 13, 0.2)", //定义圆形指示器的刻度条的背景颜色。
            barColor: '#b5930d', //指示器数值样式
            barWidth: 15 / 1080 * h,
            minValue: 0, //圆形指示器的最小值。
            maxValue: curr_max,
            //initValue:34,
            displayNumber: false,
            roundCorner: true
        });
        progObj3 = radialIndicator('#count_current', {
            radius: 170 / 1920 * w, //定义圆形指示器的内部的圆的半径。
            barBgColor: "rgba(74, 142, 7, 0.2)", //定义圆形指示器的刻度条的背景颜色。
            barColor: '#4a8e07', //指示器数值样式
            barWidth: 15 / 1080 * h,
            minValue: 0, //圆形指示器的最小值。
            maxValue: curr_max,
            //initValue:34,
            displayNumber: false,
            roundCorner: true
        });
        progObj.animate(byAll);
        progObj1.animate(byWeek);
        progObj2.animate(byDay);
        progObj3.animate(byCurr);
        isFirst=false;
    }

    ////累计的圆环
    p_timer=setTimeout(function(){
        /////每次进定时器都重新绘制canvas
        $('#count_total').html(" ");
        progObj = radialIndicator('#count_total' , {
            radius:290/1920*w, //定义圆形指示器的内部的圆的半径。
            barBgColor:"rgba(15, 107, 131, 0.2)", //定义圆形指示器的刻度条的背景颜色。
            barColor:'rgba(1,162,164,1)', //指示器数值样式
            barWidth:15/1080*h,
            minValue:0, //圆形指示器的最小值。
            maxValue:byAll/0.85,
            //initValue:34,
            displayNumber: false,
            roundCorner : true
        });
        progObj.animate(byAll);
    },8000);
    ////本周的圆环
    p_timer1=setTimeout(function(){
        $('#count_week').html(" ");
        progObj1 = radialIndicator('#count_week' , {
            radius:250/1920*w, //定义圆形指示器的内部的圆的半径。
            barBgColor:"rgba(24, 141, 195, 0.2)", //定义圆形指示器的刻度条的背景颜色。
            barColor:'#188dc3', //指示器数值样式
            barWidth:15/1080*h,
            minValue:0, //圆形指示器的最小值。
            maxValue:8000,
            //initValue:34,
            displayNumber: false,
            roundCorner : true
        });
        progObj1.animate(byWeek);
    },16000);
    ////今日的圆环
    p_timer2=setTimeout(function(){
        $('#count_day').html(" ");
        progObj2 = radialIndicator('#count_day' , {
            radius:210/1920*w, //定义圆形指示器的内部的圆的半径。
            barBgColor:"rgba(181, 147, 13, 0.2)", //定义圆形指示器的刻度条的背景颜色。
            barColor:'#b5930d', //指示器数值样式
            barWidth:15/1080*h,
            minValue:0, //圆形指示器的最小值。
            maxValue:curr_max,
            //initValue:34,
            displayNumber: false,
            roundCorner : true
        });
        progObj2.animate(byDay);
    },22000);
    ////当前的圆环
    p_timer3=setTimeout(function(){
        $('#count_current').html(" ");
        progObj3 = radialIndicator('#count_current' , {
            radius:170/1920*w, //定义圆形指示器的内部的圆的半径。
            barBgColor:"rgba(74, 142, 7, 0.2)", //定义圆形指示器的刻度条的背景颜色。
            barColor:'#4a8e07', //指示器数值样式
            barWidth:15/1080*h,
            minValue:0, //圆形指示器的最小值。
            maxValue:curr_max,
            //initValue:34,
            displayNumber: false,
            roundCorner : true
        });
        progObj3.animate(byCurr);
    },26000);
    circle_timer=setTimeout('library_circle_move()',30000);

}/////到馆的圆环变化
function library_count(){
    var websocket_come=new WebSocket('ws://'+gobalAddr+'/cxts/websocket/came_count');//参数是服务器地址，还有一个参数是自协议可以不写
    //当服务器连接成功之后，监听建立连接
    websocket_come.onopen=function(res){
        console.log('2到馆统计数据连接成功');
    };
    websocket_come.onmessage=function(msg){
        //console.log('拿到新数据'+new Date());
        var json = JSON.parse(msg.data);
        var new_day_num=isNull(json.data.byDay),
            new_curr_num=isNull(json.data.byCurr),
            new_week_num=isNull(json.data.byWeek),
            new_all_num=isNull(json.data.byAll),
            new_curr_max=isNull(json.data.uplimit);
        if(new_day_num==byDay&&new_curr_num==byCurr&&new_week_num==byWeek&&new_all_num==byAll&&new_curr_max==curr_max){
            ////5个数字全部相等，说明每次推的数据和原来正在展示的数据相同，那么直接保持原来展示的状态即可，不用重新替换数据
            come_move_flag=false;
            return;
        }
        ///////////如果执行以下代码，说明本次推送数据变化了，那么就重新渲染
        console.log('更新数据？到馆统计更新数据了' + new Date());
        come_move_flag=true;
        /////清空四个圆环的节点
        //$('#count_total').html("");
        //$('#count_week').html("");
        //$('#count_day').html("");
        //$('#count_current').html("");
        /////清空四个圆环节点结束
        byDay=isNull(json.data.byDay);
        byCurr=isNull(json.data.byCurr);
        byWeek=isNull(json.data.byWeek);
        byAll=isNull(json.data.byAll);
        curr_max=isNull(json.data.uplimit);
        $('#kp_count_num1').html(byDay);
        $('#kp_count_num2').html(byCurr);
        $('#kp_count_num3').html(byWeek);
        $('#myTargetElementt').html(byAll);
        if(come_move_flag){
            /////初始化时候同时变的动效
            //progObj = radialIndicator('#count_total' , {
            //    radius:290/1920*w, //定义圆形指示器的内部的圆的半径。
            //    barBgColor:"rgba(15, 107, 131, 0.2)", //定义圆形指示器的刻度条的背景颜色。
            //    barColor:'rgba(1,162,164,1)', //指示器数值样式
            //    barWidth:15/1080*h,
            //    minValue:0, //圆形指示器的最小值。
            //    maxValue:byAll,
            //    //initValue:34,
            //    displayNumber: false,
            //    roundCorner : true
            //});
            //progObj1 = radialIndicator('#count_week' , {
            //    radius:250/1920*w, //定义圆形指示器的内部的圆的半径。
            //    barBgColor:"rgba(24, 141, 195, 0.2)", //定义圆形指示器的刻度条的背景颜色。
            //    barColor:'#188dc3', //指示器数值样式
            //    barWidth:15/1080*h,
            //    minValue:0, //圆形指示器的最小值。
            //    maxValue:8000,
            //    //initValue:34,
            //    displayNumber: false,
            //    roundCorner : true
            //});
            //progObj2 = radialIndicator('#count_day' , {
            //    radius:210/1920*w, //定义圆形指示器的内部的圆的半径。
            //    barBgColor:"rgba(181, 147, 13, 0.2)", //定义圆形指示器的刻度条的背景颜色。
            //    barColor:'#b5930d', //指示器数值样式
            //    barWidth:15/1080*h,
            //    minValue:0, //圆形指示器的最小值。
            //    maxValue:curr_max,
            //    //initValue:34,
            //    displayNumber: false,
            //    roundCorner : true
            //});
            //progObj3 = radialIndicator('#count_current' , {
            //    radius:170/1920*w, //定义圆形指示器的内部的圆的半径。
            //    barBgColor:"rgba(74, 142, 7, 0.2)", //定义圆形指示器的刻度条的背景颜色。
            //    barColor:'#4a8e07', //指示器数值样式
            //    barWidth:15/1080*h,
            //    minValue:0, //圆形指示器的最小值。
            //    maxValue:curr_max,
            //    //initValue:34,
            //    displayNumber: false,
            //    roundCorner : true
            //});
            //progObj.animate(byAll);
            //progObj1.animate(byWeek);
            //progObj2.animate(byDay);
            //progObj3.animate(byCurr);
            library_circle_move();
            library_num_move();
        }
    };
    websocket_come.onclose=function(e){
        console.log('到馆统计服务器端连接已断开！');
        $('#kp_count_num1').html('无数据');
        $('#kp_count_num2').html('无数据');
        $('#kp_count_num3').html('无数据');
        $('#myTargetElementt').html('无数据');
    };
}
////到馆统计结束

////本馆风采
function banner_style(){
    var bannerImg_src;
    var websocket_banner=new WebSocket('ws://'+gobalAddr+'/cxts/websocket/bgfc_resource');//参数是服务器地址，还有一个参数是自协议可以不写
    websocket_banner.onopen=function(res){
        console.log('2本馆风采连接成功');
    };
    var vList=[];
    var str='';
    var old_type;
    websocket_banner.onmessage=function(msg){
        var json = JSON.parse(msg.data);
        //console.log(json.data);
        if(json.type != old_type){
            vList=[];
            old_type = json.type;
        }
        var curr = 0;
        //console.log(json);
        var video_url="";
        //console.log('后台推送视频数据' + new Date());
        if(json.type=="img"){
            //定义新字符串用于存放图片URL，后续进行数据校验
            var new_img_url;
            var new_str = '';
            $.each(json.data,function(i,e){
                if(e.url.indexOf("http")==0){
                    new_img_url=e.url;
                }else{
                    ///说明不包含http,要拼接地址
                    new_img_url='http://'+gobalAddr+ e.url;
                }
                new_str+='<li>' +
                         '<img src="'+new_img_url+'" alt="'+e.name+'"/>' +
                         '</li>';
            });
            new_str='<ul class="diaporama1">'+new_str+'</ul>';

            //如果旧字符串的数据和新推送的数据相同，则终止函数，继续播放原图片
            if(str == new_str){
                return;
            }
            //如果旧字符串的数据和新推送的数据不相同，则终止原播放内容，播放新推送的图片
            console.log('更新数据？本馆风采图片更新了' + new Date());
            str = '';
            $.each(json.data,function(i,e){
                if(e.url.indexOf("http")==0){
                    bannerImg_src=e.url;
                }else{
                    ///说明不包含http,要拼接地址
                    bannerImg_src='http://'+gobalAddr+e.url;////书封地址拼接
                }
                str+='<li>' +
                    '<img src="'+bannerImg_src+'" alt="'+e.name+'"/>' +
                    '</li>';
            });
            str='<ul class="diaporama1">'+str+'</ul>';
            $('.m').html(str);
            $(".diaporama1").jDiaporama({
                animationSpeed: "slow",
                delay:4 ////这个可以控制轮播图片的速度
            });

        }
        if(json.type=="video"){/////
            //定义新数组用于存放视频URL，后续进行数据校验
            var new_video_url = '';
            var new_vlist = new Array();
            $.each(json.data,function(i,e){
                if(e.url.indexOf("http")==0){
                    new_video_url=e.url;
                }else{
                    ///说明不包含http,要拼接地址
                    new_video_url='http://'+gobalAddr+ e.url;
                }
                //console.log(video_url);
                new_vlist.push(new_video_url);
            });
            //console.log('旧数据：--- ' + JSON.stringify(vList.sort()));
            //console.log('新推送数据：--- ' + JSON.stringify(new_vlist.sort()));
            //如果旧数组中排序后的数据和新推送数组中排序后的数据相同，则终止函数，继续播放原视频
            if(JSON.stringify(vList.sort()) === JSON.stringify(new_vlist.sort())){
                return;
            }
            //如果旧数组中排序后的数据和新推送数组中排序后的数据不相同，则重新为新数组赋值，播放新推送的视频
            console.log('更新数据？本馆风采视频更新了' + new Date());
            vList = [];
            $.each(json.data,function(i,e){
                if(e.url.indexOf("http")==0){
                    video_url=e.url;
                }else{
                    ///说明不包含http,要拼接地址
                    video_url='http://'+gobalAddr+ e.url;
                }
                //console.log(video_url);
                vList.push(video_url);
            });
            ///////////////////////////////////////////////////////////////////

            str='<div id="banner_video_all" style="height: 100%;"><video controls height="100%" id="banner_video_01"><source src="./flv.flv" type="video/flv"><source src="'+vList[0]+'" type="video/mp4" height="100%"></video></div>';
            $('.m').html(str);
            var vLen = vList.length;
            var video = document.getElementById("banner_video_01");
            video.play();
            video.addEventListener('ended', function(){
                console.log('视频播放完毕了，切换下一个,当前视频索引是'+curr);
                play();
            });
            function play() {
                video.src = vList[curr];
                video.load();
                video.play();
                curr++;
                if(curr >= vLen){
                    curr = 0; //重新循环播放
                }
            }
        }
    };
    websocket_banner.onclose=function(e){
        console.log('轮播内容服务器端连接已断开！');
        $('.banner_pic').html('服务器断开未取到数据');
    };



}
////本馆风采结束

////借还书系统
var chart_resize=true,chart_move_flag=false,chart_timer=null,back_book,out_book;////折线图变量
var myChart = echarts.init(document.getElementById('main3'));////折线图变量
var option = {
    title : {
        //x:'center',
        //y:'top',
        //show:true,
        //text: '借出还入曲线图',
        ////subtext: '纯属虚构'
        textStyle: {
            fontSize: 16,
            //fontWeight: 'bolder',
            color: '#41a5ad'          // 主标题文字颜色
        },
        padding: [0,0,80,10],
    },
    tooltip : {
        trigger: 'axis',
        show:false
    },
    color:['#61cb5f','#e9a10e'],///这个数组是设置对应的图例的颜色
    legend: {
        right:30/1920*w+"px",////图例整体组件离右边的距离
        //x: 'right',
        y: 'top',
        //padding: [0,0,250,0],
        orient:"horizontal",
        itemWidth:20,///设置图例组件整体的宽度
        itemHeight:8,////设置图例组件整体的高度
        data:[
            {name: '借出',
                textStyle:{color:"#91a1ba",fontSize:18},
                backgroundColor: '#60c960'
            },
            {name:'还入',
                textStyle:{color:"#91a1ba",fontSize:18},
                backgroundColor: '#c97d1f'
            }
        ],
        selected: {
            '借出' : true,
            '还入' : true
        },

    },
    toolbox: {
        show : false,
        feature : {
            mark : {show: true},
            dataView : {show: true, readOnly: false},
            magicType : {show: true, type: ['line', 'bar']},
            restore : {show: true},
            saveAsImage : {show: true}
        }
    },
    calculable : false,
    xAxis : [
        {
            type : 'category',
            boundaryGap:true,
            axisLine:{
                lineStyle:{
                    color: '#1d5564',
                    width: 1
                },
                onZero:true
            },
            splitLine:{
                show:true,
                lineStyle:{
                    color: '#1d5564'
                },
            },
            axisLabel:{
                interval:0,
                textStyle: {
                    color:"#91a1ba",
                    fontSize:18
                }
            },
            data : []
        }
    ],
    yAxis : [
        {
            type : 'value',
            axisTick: {//去除刻度线
                show: false
            },
            axisLine: {///坐标轴的颜色
                lineStyle: {color: '#1d5564'}
            },
            //data : [0,100,200,300,400,500,600],
            data:[],
            splitLine:{
                show: true,//去除网格线
                lineStyle:{
                    color: ['#1d5564'],
                    width: 1,
                    type: 'solid'
                }
            },
            axisLabel:{
                textStyle:{
                    color:"#91a1ba",
                    //align : 'left',
                    fontSize: 18
                }
            }
        }
    ],
    grid:{
        x:'6%',
        y:'6%',
        x2:'5%',
        y2:'8%'
    },
    series : [
        {
            name:'借出',
            type:'line',
            barWidth :4,
            //data:[123,242,463,575,325,400,101,233,334,440,311,212,113,214,415,216,317,518,219,420],
            data:[],
            symbol: "circle",///设置折线拐点事实心圆，不是空心圆
            symbolSize: 9,//拐点大小
            smooth:true,///设置拐点线条比较平滑
            itemStyle : {
                fontSize:1.625/1080*h+"px",
                normal : {
                    label : {show: true},//设置显示每个拐点的数据
                    color:'#60c960',//设置折线拐点的颜色
                    //borderColor: "blue" , // 设置折线拐点边框的颜色，
                    lineStyle:{
                        color:'#60c960',///设置折线颜色
                    }

                }
            }
        },
        {
            name:'还入',
            type:'line',
            barWidth :4,
            //data:[242,334,163,375,425,299,401,233,134,140,211,312,113,514,215,316,417,518,119,220],
            data:[],
            symbol: "circle",
            symbolSize: 9,//拐点大小
            smooth:true,///设置拐点线条比较平滑
            itemStyle : {
                normal : {
                    label : {show: true},
                    color:'#c97d1f',//设置折线点的颜色
                    //borderColor: "blue" , // 设置折线拐点边框的颜色，
                    lineStyle:{
                        color:'#c97d1f'///设置折线颜色
                    }
                }
            }
        }
    ],
    borderColor:'#215563',
};////折线图变量
var borrow_num_move=false,borrow_timer=null,demo_Num1,demo_Num2,demo_Num3,outByDay,outByWeek,outByAll;////借阅数字变量
function chart_move(){
    clearTimeout(chart_timer);
    myChart.clear();
    myChart.setOption(option);
    if(window.screen.width != 1920){
        if(chart_resize){
            myChart.resize();
            chart_resize=false;
        }
    }
    chart_timer=setTimeout('chart_move()',8000);
}////折线图动效
function mychart(){
    var websocket_line=new WebSocket('ws://'+gobalAddr+'/cxts/websocket/borrow_line');//参数是服务器地址，还有一个参数是自协议可以不写
    //当服务器连接成功之后，监听建立连接
    websocket_line.onopen=function(res){
        console.log('3借还书数据连接成功');
    };
    websocket_line.onmessage=function(msg){
        var json = JSON.parse(msg.data);
        var new_back_book=json.data["out"];//每次推得到新数组，还入曲线数据
        var new_out_book=json.data["back"];//每次推得到新数组，借出曲线数据
        if(JSON.stringify(new_back_book) ==JSON.stringify(back_book)&&JSON.stringify(new_out_book) ==JSON.stringify(out_book)){
            chart_move_flag=false;
            return;
        }
        console.log('更新数据？折线图数据库更新了' + new Date());
        //clearTimeout(chart_timer);
        chart_move_flag=true;
        option.xAxis[0].data=[];///每次有新数据就把x轴时间点清空
        option.series[0].data=[];///每次有数据就把借出数据清空
        option.series[1].data=[];///每次有数据就把还入数据清空
        back_book=json.data["out"];//是数组，还入曲线数据
        out_book=json.data["back"];//是数组，借出曲线数据
        if(back_book.length==1){
            ///说明只有一个点8点，那么此时就把0点添加进去形成一个折线展示的形式，否则就遍历显示
            option.xAxis[0].data.push("00.00");//追加0点
            option.xAxis[0].data.push("08:00");//追加8点
            option.series[1].data.push(0);//追加还入曲线0点数据
            option.series[1].data.push(back_book[0].kp_value);//追加还入曲线8点数据
            option.series[0].data.push(0);//追加借出曲线0点数据
            option.series[0].data.push(out_book[0].kp_value);//追加借出曲线8点数据
        }else{
            $.each(back_book,function(i,e){
                ///遍历还入数据，e.kp_value 是数据，e.kp_time是时间点
                option.xAxis[0].data.push(e.kp_time);//追加每个时间点
                option.series[1].data.push(e.kp_value);//追加还入曲线数据
            });
            $.each(out_book,function(i,e){
                ///遍历借出数据，e.kp_value 是数据，e.kp_time是时间点，时间点之前加过一次，这次可以不加了
                option.series[0].data.push(e.kp_value);//追加借出曲线数据

            });

        }
        //console.log("时间点有"+option.xAxis[0].data.length+"个");
        if(chart_move_flag){
            chart_move();
        }
    };
    websocket_line.onclose=function(e){
        console.log('借还书曲线服务器端连接已断开！');
        $('#main3').html('服务器断开未取到数据');
    };

}////折线图
function borrow_move(){
    clearTimeout(borrow_timer);
    demo_Num1 = new CountUp("myTargetElement",0,outByDay,0,4,options);
    demo_Num1.start();
    demo_Num2= new CountUp("myTargetElement2",0,outByWeek,0,4,options);
    demo_Num2.start();
    demo_Num3 = new CountUp("myTargetElement3",0,outByAll,0,4,options);
    demo_Num3.start();
    borrow_timer=setTimeout('borrow_move()',10000);
}///借阅数字动效
function borrow_book(){
    var websocket_borrow=new WebSocket('ws://'+gobalAddr+'/cxts/websocket/borrow_count');//参数是服务器地址，还有一个参数是自协议可以不写
    websocket_borrow.onopen=function(res){
        console.log('借阅统计连接成功');
    };
    websocket_borrow.onmessage=function(msg){
        var json = JSON.parse(msg.data);
        var new_outByDay=isNull(json.data.outByDay),
            new_outByWeek=isNull(json.data.outByWeek),
            new_outByAll=isNull(json.data.outByAll);
        if(new_outByDay==outByDay&&new_outByWeek==outByWeek&&new_outByAll==outByAll){
            borrow_num_move=false;
            return;
        }
        console.log('更新数据？借阅数字更新了数据' + new Date());
        borrow_num_move=true;
        outByDay=isNull(json.data.outByDay);
        outByWeek=isNull(json.data.outByWeek);
        outByAll=isNull(json.data.outByAll);
        $('#myTargetElement').html(outByDay);
        $('#myTargetElement2').html(outByWeek);
        $('#myTargetElement3').html(outByAll);
        if(borrow_num_move){
            borrow_move();
        }
    };
    websocket_borrow.onclose=function(e){
        console.log('借阅数量服务器端连接已断开！');
        $('.number').html('无数据');
    };
}
////借还书系统结束

////今日推荐
var recommend_move_flag=false,code_url,img_url,rec_str,codeArr;
function today_recommend(){
    var websocket_recommend=new WebSocket('ws://'+gobalAddr+'/cxts/websocket/jrtj');//参数是服务器地址，还有一个参数是自协议可以不写
    websocket_recommend.onopen=function(res){
        console.log('6今日推荐连接成功');
    };
    websocket_recommend.onmessage=function(msg){
        var json = JSON.parse(msg.data);
        var new_img_url,new_code_url,new_rec_str="";
        $.each(json.data,function(i,e){
            //codeArr.push(e.fReadCount);///将在线扫码数量追加到数组中
            var new_isImgShow=e.fBookImg.indexOf("http");///如果以http开头说明不等于-1，说明不用拼接地址
            var new_isCodeShow=e.f2dimensionCodeUrl.indexOf("http");
            if(new_isImgShow==0){
                new_img_url=e.fBookImg;////书封地址
            }else{
                ///说明不是打头http,要拼接地址
                new_img_url='http://'+gobalAddr+e.fBookImg;////书封地址拼接
            }
            if(new_isCodeShow==0){
                new_code_url=e.f2dimensionCodeUrl;////二维码
            }else{
                new_code_url='http://'+gobalAddr+e.f2dimensionCodeUrl;////拼接二维码的链接地址
            }
            new_rec_str+='<div class="swiper-slide swiper-no-swiping swiper-slide-recommend" data-read-num="'+e.fReadCount+'">'+
                '<div class="book_pi" style="background-image:url('+new_img_url+');">'+
                '<img src="'+new_code_url+'" alt=""/>'+
                '</div>'+
                '<div class="book_name">'+ e.fBookName+'</div>'+
                '</div>';
        });
        if(new_rec_str==rec_str){
            recommend_move_flag=false;
            return;
        }
        console.log('更新数据？今日推荐数据库更新了' + new Date());
        recommend_move_flag=true;
        codeArr=[];///放扫码人数，每次推数据时候都要清空之前的数据
        rec_str="";///拼接背景书封的字符串清空
        $.each(json.data,function(i,e){
            codeArr.push(e.fReadCount);///将在线扫码数量追加到数组中
            var isImgShow=e.fBookImg.indexOf("http");///如果以http开头说明不等于-1，说明不用拼接地址
            var isCodeShow=e.f2dimensionCodeUrl.indexOf("http");
            if(isImgShow==0){
                img_url=e.fBookImg;////书封地址
            }else{
                ///说明不是打头http,要拼接地址
                img_url='http://'+gobalAddr+e.fBookImg;////书封地址拼接
            }
            if(isCodeShow==0){
                code_url=e.f2dimensionCodeUrl;////二维码
            }else{
                code_url='http://'+gobalAddr+e.f2dimensionCodeUrl;////拼接二维码的链接地址
                //code_str='http://140.210.6.180'+e.f2dimensionCodeUrl;////拼接二维码的链接地址
            }
            rec_str+='<div class="swiper-slide swiper-no-swiping swiper-slide-recommend" data-read-num="'+e.fReadCount+'">'+
                '<div class="book_pi" style="background-image:url('+img_url+');">'+
                '<img src="'+code_url+'" alt=""/>'+
                '</div>'+
                '<div class="book_name">'+ e.fBookName+'</div>'+
                '</div>';
        });
        $('.swiper-container-recommend .swiper-wrapper').html(rec_str);///图片书封渲染显示
        var length=$('.swiper-container-recommend .swiper-wrapper .swiper-slide').length;
        var swiper_recommend = new Swiper('.swiper-container.swiper-container-recommend', {
            //pagination: '.swiper-pagination',
            effect: 'coverflow',
            grabCursor: true,
            centeredSlides: true,
            slidesPerView: 'auto',
            autoplay: 2500,
            cursor:"none",
            loop:true,
            noSwiping : true,
            coverflow: {
                rotate:-20,  //旋转的角度
                stretch:1,  //拉伸
                depth:100,  //深度
                modifier:1, //修正值（该值越大前面的效果越明显）
                slideShadows:true  //页面阴影效果
            },
            onSlideChangeEnd:function(swiper_recommend){
                ///当loop模式下用当前索引和slide的总长度求余就是真正当前模式下的索引0,1,2,3，....
                var myindex=swiper_recommend.activeIndex%length;
                $('.read_num .con_num').html(codeArr[myindex]);
//            console.log(myindex);

            }
        });

    };
    websocket_recommend.onclose=function(e){
        console.log('今日推荐服务器端连接已断开！');
        $('#recommend_con_book').html('服务器断开未取到数据');
    };

};
////今日推荐结束

////通知
var notice_move_flag=false,i=0,txt_index=0,div_height,div_parent,scrollTime=10000,arr_con=[],arr_title=[],notice_time=null;
function notice_move(){
    i=0;
    clearTimeout(notice_time);////每次清空定时器
    //console.log('已经清除了上一个定时器' + notice_time);
    $(".notice_con_list").html(arr_con[txt_index]);
    $('.notice_con_title').html(arr_title[txt_index]);//赋值当前通知的标题
    div_height=$('.notice_con_list>div').height();///当前显示通知的盒子的高度
    div_parent=$('.notice_con_list').height();////父盒子高度
    if(div_height>div_parent){
        scrollTime=div_height/10*1000;
        if(scrollTime>10000){
            i=parseInt(scrollTime/10000)-1;
        }
        //console.log(i);
        $('.notice_con_list>div').animate({top:-div_height},scrollTime,"linear");
    }
    txt_index++;
    if(txt_index==arr_con.length){
        txt_index=0;
    }
    notice_time=setTimeout('notice_move()',10000+i*10000);
    //console.log('新的定时器是'+txt_index+'=============='+notice_time);
}
function notice(){
    var websocket_notice=new WebSocket('ws://'+gobalAddr+'/cxts/websocket/notice');//参数是服务器地址，还有一个参数是自协议可以不写
    websocket_notice.onopen=function(res){
        console.log('5通知连接成功');
    };

    websocket_notice.onmessage=function(msg){
        //console.log(11);
        //console.log('开始推数据了' + new Date()+"已经清楚定时器了"+notice_time);
        var json = JSON.parse(msg.data);
        //console.log(json.data);
        /////每次进来先遍历将推送的新数据放到新数组中
        var new_notice_con=[];
        var new_notice_str=" ";
        $.each(json.data,function(i,e){
            //arr_title.push(e.fTitle);///将所有的标题存到数组中
            if(isNull(e.fContent)!=0){
                new_notice_str='<div>'+e.fContent+'</div>';
                new_notice_con.push(new_notice_str);///将每次推送获得的通知内容放到数组中
            }
        });
        /////新数组中的数据和以前旧数组中的数组做对比
        if(JSON.stringify(new_notice_con) == JSON.stringify(arr_con)){
            //console.log(111);
            notice_move_flag=false;
            return;
        }
        console.log('更新数据？通知内容数据库更新了' + new Date());
        notice_move_flag=true;
        //clearTimeout(notice_time);///当每次推数据时候就清空定时器
        txt_index=0;///每次推数据时候让索引从0开始
        var str="";///拼接字符串
        arr_con=[];///每次清空数组
        $(".notice_con_list").html(" ");///每次进来将通知内容节点都清空
        //console.log(json.data);
        arr_title=[];
        $.each(json.data,function(i,e){
            if(isNull(e.fTitle)!=0){
                arr_title.push(e.fTitle);///将不为空的所有的标题存到数组中
            }else{
                arr_title.push('标题为空');///将不为空的所有的标题存到数组中
            }
            if(isNull(e.fContent)!=0){
                str='<div>'+e.fContent+'</div>';
                arr_con.push(str);///将不为空的通知内容放到数组中
            }
        });
        if(arr_con.length==0){
            ///当通知内容数组无内容时候标志变为false停止动效
            notice_move_flag=false;
            $(".notice_con_list").html('暂无数据');

        }
        if(notice_move_flag){
            notice_move();
        }
    };
    websocket_notice.onclose=function(e){
        notice_move_flag=false;
        console.log('通知服务器端连接已断开！');
        $('.notice_con_list').html('服务器断开未取到数据');
    };

}
////通知结束

///自适应分辨率
function my_init(){
    $("html").height(h);
    $("html").width(w);
    $("body").css({'font-size':1.125*h/1080+"em"});
    $(".kp_all").css({paddingTop:30/1080*h+"px"});
    ///头部logo
    $(".kp_header").css({height:h*80/1080+"px"});
    $(".header_logo .logo_bg_left").css({width:206/1920*w+"px"});
    $(".header_logo .logo").css({width:50/1920*w+"px",height:50/1920*w+"px",marginTop:10/1080*h+"px",marginLeft:-106/1920*w+"px"});
    $(".header_logo .logo_txt").css({width:246/1920*w+"px",height:49/1080*h+"px",marginTop:10/1080*h+"px",marginLeft:-46/1920*w+"px",marginRight:15/1920*w+"px"});
    $(".header_logo .logo_title").css({'font-size':2.5*h/1080+"em",marginLeft:10/1920*w+"px",marginRight:-200/1920*w+"px"});
    $(".header_logo .logo_bg_right").css({width:235/1920*w+"px",marginRight:25/1920*w+"px"});

    //天气
    $(".kp_date").css({right:50/1920*w+"px"});
    $(".kp_weather").css({marginRight:10/1920*w+"px",'font-size':1.25*h/1080+"em"});
    $("#kp_clock").css({'font-size':1.25*h/1080+"em"});
    $("#t_h").css({'font-size':2.5*h/1080+"em"});
    $("#t_m").css({'font-size':2.5*h/1080+"em"});
    $("#t_s").css({'font-size':1.25*h/1080+"em"});
    $("#t_current").css({'font-size':0.625*h/1080+"em"});

    ///swiper整体父容器设置
    //$(".swiper-container-father").css({height:970/1080*h+"px"});

    ////借阅排行榜
    $(".kp_rank").css({height:720/1080*h+"px",paddingTop:53/1080*h+"px",paddingRight:160/1920*w+"px",paddingLeft:160/1920*w+"px"});
    $(".rank_con").css({height:720/1080*h+"px",paddingRight:146/1920*w+"px",paddingLeft:146/1920*w+"px"});
    ////左面旋转木马轮播图
    $(".rank_con_left").css({width:805/1920*w+"px",height:400/1080*h+"px",paddingTop:48/1080*h+"px"});
    $(".rank_con_left .rank_book_des").css({width:422/1920*w+"px",height:296/1080*h+"px",bottom:-390/1080*h+"px"});
    $(".zy-Slide li p").css({marginTop:30/1080*h+"px",'font-size':2*h/1080+"em"});
    ////右面书名排行描述
    $(".rank_con_right").css({width:385/1920*w+"px",paddingTop:70/1080*h+"px"});
    $(".rank_con_right ul li").css({height:64/1080*h+"px",lineHeight:64/1080*h+"px",paddingLeft:20/1920*w+"px",marginBottom:5/1080*h+"px"});
    $(".rank_con_right ul li img").css({width:25/1920*w+"px",marginRight:10/1920*w+"px",marginTop:22/1080*h+"px"});
    $(".rank_con_right ul li div").css({'font-size':1.875*h/1080+"em"});
    $(".rank_number").css({'font-size':0.75*h/1080+"em",marginRight:10/1920*w+"px"});
    $(".rank_name_txt").css({width:200/1920*w+"px"});
    ////借阅排行榜结束

    ///到馆统计数据
    $(".kp_count").css({width:629/1920*w+"px",height:728/1080*h+"px",marginTop:38/1080*h+"px",paddingTop:58/1080*h+"px",paddingLeft:9.7/1920*w+"px"});
    $(".count_all").css({width:610/1920*w+"px",height:610/1080*h+"px"});
    $(".count_txt").css({'font-size':2.25*h/1080+"em"});
    ///四个线条的公共样式
    $(".pub_css .pub_title_css").css({'font-size':2*h/1080+"em"});
    $(".pub_css .pub_num_css").css({'font-size':2.5*h/1080+"em"});
    $(".pub_css .pub_ren_css").css({'font-size':1.25*h/1080+"em"});
    ///累计到馆从2017年1月至今
    $(".count_total_num").css({width:375/1920*w+"px",height:77/1080*h+"px",top:30/1080*h+"px",left:-60/1920*w+"px"});
    $(".count_total_num .total_txt").css({paddingTop:70/1080*h+"px"});
    $(".total_small_txt").css({'font-size':1.125*h/1080+"em"});

    ///本周到馆
    $(".count_week_num").css({width:375/1920*w+"px",height:77/1080*h+"px",top:70/1080*h+"px",left:655/1920*w+"px"});
    $(".count_week_num .week_txt").css({paddingTop:40/1080*h+"px"});
    ///今日到馆
    $(".count_day_num").css({width:490/1920*w+"px",height:192/1080*h+"px",top:523/1080*h+"px",left:-115/1920*w+"px"});
    $(".count_day_num .day_txt").css({paddingTop:80/1080*h+"px"});
    ///当前在馆
    $(".count_current_num").css({width:483/1920*w+"px",height:178/1080*h+"px",top:523/1080*h+"px",left:655/1920*w+"px"});
    $(".count_current_num .current_txt").css({paddingTop:60/1080*h+"px"});
    ///到馆统计结束

    ////本馆风采
    $(".kp_style").css({width:1282/1920*w+"px",height:762/1080*h+"px",marginTop:50/1080*h+"px",paddingTop:40/1080*h+"px",paddingBottom:40/1080*h+"px",paddingLeft:50/1920*w+"px",paddingRight:50/1920*w+"px"});
    $(".kp_style .m").css({width:1174/1920*w+"px",height:660/1080*h+"px"});


    ///左边折线图
    $(".kp_line").css({height:768/1080*h+"px",paddingTop:70/1080*h+"px",paddingLeft:200/1920*w+"px",paddingRight:200/1920*w+"px"});
    $(".line_left").css({width:1055/1920*w+"px",height:697/1080*h+"px"});
    $("#main3").css({width:930/1920*w+"px",height:500/1080*h+"px"});
    $("#main3 div").css({width:"100%",height:"100%"});
    $("#main3 div canvas").css({width:"100%",height:"100%"});
    $(".line_left_title").css({width:381/1920*w+"px",height:81/1080*h+"px",marginTop:30/1080*h+"px"});
    $(".borrow_line").css({marginTop:30/1080*h+"px"});
    ///右边描述
    $(".line_right").css({width:370/1920*w+"px",height:686/1080*h+"px",paddingTop:70/1080*h+"px"});
    $(".line_right li").css({height:160/1080*h+"px",marginBottom:30/1080*h+"px"});
    $(".line_right li h3").css({'font-size':1.875*h/1080+"em",borderBottomWidth:5/1080*h+"px",marginBottom:15/1080*h+"px"});
    $(".line_right li .box").css({width:370/1920*w+"px",height:80/1080*h+"px"});
    $(".line_right li .box div").css({lineHeight:80/1080*h+"px"});
    $(".number").css({'font-size':1.875*h/1080+"em",marginRight:10/1920*w+"px"});
    $(".ce").css({'font-size':1.25*h/1080+"em"});

    ///今日推荐
    $(".kp_recommend").css({width:1400/1920*w+"px",height:760/1080*h+"px",marginTop:30/1080*h+"px",paddingTop:20/1080*h+"px",paddingLeft:9.7/1920*w+"px"});
    $(".swiper-container-recommend").css({width:1020/1920*w+"px",cursor:"none"});
    $(".swiper-container-recommend .swiper-slide-recommend").css({width:357/1920*w+"px",height:492/1080*h+"px",paddingBottom:46/1080*h+"px",paddingTop:66/1080*h+"px",marginLeft:15/1920*w+"px",marginRight:15/1920*w+"px",paddingLeft:42/1920*w+"px",paddingRight:42/1920*w+"px"});
    $(".swiper-container-recommend .swiper-slide-recommend .book_name").css({'font-size':1.75*h/1080+"em",top:20/1080*h+"px",paddingLeft:40/1920*w+"px",paddingRight:15/1920*w+"px"});
    $(".swiper-container-recommend .swiper-pagination").css({bottom:10/1080*h+"px"});
    $(".swiper-container-recommend .swiper-pagination-bullet").css({width:20/1920*w+"px",height:20/1920*w+"px"});
    $(".book_des").css({bottom:35/1080*h+"px"});
    $(".book_des div").css({width:938/1920*w+"px"});
    $(".book_des div p").css({marginBottom:20/1080*h+"px",'font-size':1.875*h/1080+"em"});
    $(".book_des div .guang_pic").css({height:18/1080*h+"px",top:50/1080*h+"px",'font-size':1.875*h/1080+"em"});
    $(".read_num").css({bottom:-8/1080*h+"px"});
    $(".read_num .con_num").css({'font-size':3*h/1080+"em"});
    $(".read_num .con_ren").css({'font-size':1.5*h/1080+"em"});
    $(".arrow_left").css({top:240/1080*h+"px",left:75/1920*w+"px"});
    $(".arrow_right").css({top:240/1080*h+"px",right:75/1920*w+"px"});

    ///通知
    $(".kp_notice").css({width:1088/1920*w+"px",height:650/1080*h+"px",marginTop:38/1080*h+"px",paddingTop:50/1080*h+"px",paddingLeft:9.7/1920*w+"px"});
    $(".notice_con_title").css({'font-size':2.125*h/1080+"em",width:397/1920*w+"px",height:63/1080*h+"px",lineHeight:63/1080*h+"px",top:62/1080*h+"px"});
    $(".notice_con_list").css({height:400/1080*h+"px",marginTop:110/1080*h+"px"});
    $(".notice_con_list div").css({paddingLeft:85/1920*w+"px",paddingRight:78/1920*w+"px"});
    $(".notice_con_list div p").css({'font-size':1.75*h/1080+"em",textIndent:50/1920*w+"px"});

    ///底部标题
    $(".kp_title").css({width:1161/1920*w+"px",height:119/1080*h+"px",marginTop:0/1080*h+"px",bottom:30/1080*h+"px",'font-size':1.875*h/1080+"em",lineHeight:119/1080*h+"px"});



}







